<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>背景图片 background-image</title>
        <!-- 如果样式表是外链的，那么要书写从CSS出发到图片的路径，而不是从html出发 ../是返回上一级的意思
             且要书写在style之外
        -->
        <link rel="stylesheet" href="css/css.css">
        <style>
            /* background-image属性用来设置背景图片，图片路径要写到url（）圆括号中，可以是相对路径，也可以是 http:// 开头的绝对路径
                     background-image： url(images/bg1.jpg);
            */
            .box1 {
                width: 2000px;
                height: 1400px;
                border: 1px solid #000;
                background-image: url(sg.jpg);

                margin: 10px;
            }
        </style>
    </head>
    <body>
        <div class="box1"></div>

        <div class="box2"></div>
    </body>
</html>